<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style type="text/css">
			h1{
				color:red;
				font-size:16px;
			}
			.red{
				font-size: 16px;
				color: red;
			}
			.green{
				color: green;
			}
			#red{
				color: red;
				font-size: 16px;
			}
			h2{
				color: red;
				font-size:16px;
			}
			#p{
				color: blue;
				font-size: 24px;
			}
			p{
				color: yellow;
			}
			.red{
				color: red;
				font-size: 16px;
			}
			#p{
				color: blue;
				font-size:24px;
			}
			.h1{
				color: red;
				font-size:24px ;
			}
			#h2{
				color: blue ;
				font-size: 16px;
			}
			.yellow{
				color: yellow;
			}
		</style>
	</head>
	<body>
		<p class="red" id="h1">红色，字体大小16px</p>
		<p class="green" >绿色</p>
		<p class="red">红色，字体大小16px</p>
		<h1>红色，字体大小16px</h1>
		<h2>红色，字体大小16px</h2>
		<p class="p" id="p">蓝色，字体大小24px</p>
		<p class="yellow"><strong>黄色，字体加粗</strong></p>
		<p class="red">红色，字体大小16px</p>
		<p id="p">蓝色，字体大小24px</p>
		<h1 class="h1" id="h1">红色，字体大小24px</h1>
		<h2 class="h2" id="h2">蓝色，字体大小16px</h2>
		<p class="yellow"><strong>黄色，字体加粗</strong></p>
	</body>
</html>
